<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>消息中心</title>
    <link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css"
          th:href="@{/layui/css/common.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../static/layui/css/usercss/message.css"
          th:href="@{/layui/css/usercss/message.css}"/>
</head>
<body>
<!-- 公共头部 -->
<div th:replace="FrontPages/common/head::head(n=6)" name="headFrame"></div>
<div class="user-index">
    <!-- 左侧目录 -->
    <div class="user-left-Navigation">
        <ul class="user-left-menu">
            <li class=""><a class="active" href="javascropt:;" name="1" th:id="a1">点赞</a></li>
            <li class=""><a href="javascropt:;" name="2" th:id="a2">收藏</a></li>
            <li class=""><a href="javascropt:;" name="3" th:id="a3">评论</a></li>
            <li class=""><a href="javascropt:;" name="4" th:id="a4">回复</a></li>
            <!--<li class=""><a href="javascropt:;" name="4" th:id="a5">系统消息</a></li>-->

        </ul>
    </div>
    <!-- 中间内容 -->
    <div class="user-main-menu">
        <div class="user-main-item" th:id="user-dz" style="display: block;">
            <div class="user-dz">
                <div class="header1" th:id="header-block">
                    <span onclick="cleanmsg(this);">清空所有消息</span>
                </div>
                <div class="user-content">
                    <ul>
                        <li th:each="msg,msgStat:${messages}" th:if="${msgStat.count}">
                            <div class="message-item">
                                <span th:id="name" th:text="${msg.iid}"></span>
                                <span>赞了你的博客</span>
                                <span th:text="${msg.date}" style="color: #999;"></span>
                                <span th:id="delete" onclick="delmsg(this);" th:value="${msg.mid}"><i
                                        class="layui-icon">&#xe640;</i> </span>
                                <div class="message-content">
                                    <a th:href="@{'/Blog/blogdetail/'+${blogs.get(msgStat.index).bid}}">
                                        <span th:id="content" th:text="${blogs.get(msgStat.index).title}">标题</span></a>
                                    <span th:id="time" th:text="${blogs.get(msgStat.index).browseNumber}">1</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--<div th:id="page"></div>-->
        </div>
        <div class="user-main-item" th:id="user-sc">
            <div class="user-sc">
                <div class="header1" th:id="header-block">
                    <span onclick="cleanmsg(this);">清空所有消息</span>
                </div>
                <div class="user-content">
                    <ul>
                    </ul>
                </div>
            </div>
            <!--<div th:id="page"></div>-->
        </div>
        <div class="user-main-item" th:id="user-pl">
            <div class="user-pl">
                <div class="header1" th:id="header-block">
                    <span onclick="cleanmsg(this);">清空所有消息</span>
                </div>
                <div class="user-content">
                    <ul>
                    </ul>
                </div>
            </div>
            <!--<div th:id="page"></div>-->
        </div>
        <div class="user-main-item" th:id="sys-info">
            <div class="sys-info">
                <div class="header1" th:id="header-block">
                    <span onclick="cleanmsg(this);">清空所有消息</span>
                </div>
                <div class="user-content">
                    <ul>
                    </ul>
                </div>
            </div>
            <!--<div th:id="page"></div>-->
        </div>
        <div class="nothing">
            <div class="nothing-tips">
                <i class="layui-icon">&#xe61c;</i>
                <p>这里没有任何内容哦!!!</p>
            </div>
        </div>
    </div>

    <div style="clear: both"></div>
</div>

</div>
<!-- 公共尾部 -->
<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

<script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
<script type="text/jscript" src="../../../static/layui/lay/js/message.js" th:src="@{/layui/lay/js/message.js}"></script>
<!-- 背景特效 -->
<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>

</body>
</html>
